@charset "utf-8";
* { margin: 0; padding: 0 }
body { 
	text-align: center;
	font: 15px "Microsoft YaHei", Arial, Helvetica, sans-serif;
	background: url('../img/bg.jpg') no-repeat top center #5daad4; 
	background-size: cover; color: #000; 
	background-attachment: fixed; }
.box {  margin: auto; 

}
ul, li { list-style: none; }
img { border: 0; display: block }
.logo { font-size: 30px; font-weight: bold; margin: 40px 10px; text-shadow: 1px 3px 3px #0a6da7, 1px 5px 5px #0a6da7; letter-spacing: .1em; }
.logo a { color: #fff; }
a { text-decoration: none; color: #333; }
a:hover { color: #000; text-decoration: none; }
.clear { clear: both; width: 100%; overflow: hidden; }
nav { line-height: 46px; height: 46px; border-radius: 10px; margin-top: 20px; position: relative; }
#starlist li { position: relative; display: inline-block; font-size: 16px; text-shadow: #43b1f1 1px 1px 3px; }
#starlist li a { display: block; color: #fff; padding: 0 10px; }
#starlist li:hover a, #starlist ul.sub li a:hover { text-decoration: none }
#starlist ul.sub { position: absolute; overflow: hidden; text-align: center; left: 0; top: 60px; z-index: 9; width: 100%; opacity: 0; transition: all .5s; box-shadow: 0px 5px 9px 1px rgba(144, 161, 180, 0.2); }
#starlist ul.sub li { width: 100%; background: #ffffff; float: left; font-size: 15px; transition: all .5s; line-height: 40px; text-shadow: none; }
#starlist ul.sub li a { padding: 0; display: none; width: 100%; color: #606060; }
#starlist ul.sub li:last-child a { border: none }
#starlist li:hover ul.sub { opacity: 1; top: 46px; }
#starlist li:hover ul.sub li a { display: block; }
#starlist ul.sub li:hover { padding-left: 5px; }
#starlist li:hover ul.sub:after, #starlist ul.sub li:after, #starlist ul.sub li a:after { display: none; }


.bloglist{//background: rgba(255, 255, 255, 1);}
footer{

	background: rgba(255, 255, 255, 0.3);
}
.post-main{
	padding: 12px;
}
.post-main .post-title{padding:3px 0;font-weight:700;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size:20px}
.post-main .post-title a{color:rgba(255, 255, 255, 0.9);}
.post-main .post-title a:hover,.post-main .post-title a:hover span{color:#737f99}
.post-main .post-title a span{font-size:13px;color:green;font-weight:400;top:-2px;position:relative;margin-left:6px;display:inline-block}
.inlo-a{outline:0;text-decoration:none;position:relative;text-transform:uppercase;font-weight:400;overflow:hidden}
.inlo-a::before{content:attr(data-letters);position:absolute;z-index:2;overflow:hidden;color:#737f99;white-space:nowrap;width:0;-webkit-transition:width .4s .3s;transition:width .4s .3s}
.inlo-a:hover::before{width:100%}
.post-main .post-tags{padding:5px 0;font-size:13px}
.post-main .post-tags a{color:rgba(225, 225, 225, 1.0);}
.post-main .post-tags span{margin-right: 8px;}
.post-main .post-tags span a:hover{color: #666;}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{color:inherit;font-weight:500;font-family:inherit;line-height:1.1}
.h2,.h3,h2,h3{padding:20px 0}
.h4,.h5,.h6,h4,h5,h6{padding:10px 0}

/* about */
.about { padding: 20px 0; overflow: hidden }
.about ul { width: 1000px; margin: auto; line-height: 24px }
.about_girl span img { width: 130px; height: 130px; border-radius: 100% }
.about_girl { width: 100%;  margin: 10px auto 0; overflow: hidden ;padding: 15px;}
.about_girl span { float: left; margin-right: 30px }
.about_girl p { margin: 20px; background: #ececec; color: #444; float: left; padding: 20px; width: 46%; border-radius: 6px; position: relative; box-shadow: inset #999 -1px -1px 1px; ; text-shadow: #fff 1px 1px 0px; width: 450px }
.about_girl p::before { content: ""; width: 0px; height: 0px; border-style: solid; border-width: 20px 20px 20px 0; border-color: transparent #ececec transparent; position: absolute; left: -20px; top: 24px; }/* 三角形 */
.gbko {
    background: rgb(255, 255, 255);
    padding: 0 30px 30px 30px;
    margin: 30px;
    border-radius: 15px;
}